@CHARSET "UTF-8";

body {background-color:
background: #e2e2e2; /* Old browsers */
background: -moz-linear-gradient(top,  #e2e2e2 0%, #eaeaea 21%, #eaeaea 48%, #efefef 74%, #f9f9f9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(21%,#eaeaea), color-stop(48%,#eaeaea), color-stop(74%,#efefef), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e2e2e2 0%,#eaeaea 21%,#eaeaea 48%,#efefef 74%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e2e2e2 0%,#eaeaea 21%,#eaeaea 48%,#efefef 74%,#f9f9f9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e2e2e2 0%,#eaeaea 21%,#eaeaea 48%,#efefef 74%,#f9f9f9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e2e2e2 0%,#eaeaea 21%,#eaeaea 48%,#efefef 74%,#f9f9f9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */}

#title {font-size:20pt;
		font-weight:bold;}
.border {border-width:1px;
	     border-color:black;
	     border-style:solid;}

.font_f {font-family:맑은 고딕;}

.f8 {font-size:8pt;}
.f9 {font-size:9pt;}   
.f10 {font-size:10pt;}	     
.f12 {font-size:12pt;}		     
.f14 {font-size:14pt;}		     
.f16 {font-size:16pt;}
.f18 {font-size:18pt;}	
.f20 {font-size:20pt;}	
.f26 {font-size:26pt;}	
.f28 {font-size:28pt;}
.f34 {font-size:34pt;}

	
.bold {font-weight:bold;}	    
.lfloat {float:left;}
.rfloat {float:right;}
.height10 {height:10px;}
.height20 {height:20px;}
.height {height:40px;}


.bg_blue {background-color:#2A0066;}
.c_gray {color:#5D5D5D;}
.f_white {color:white;}
.topline{border-top:double 2px #777777;}
.bottomline{border-bottom:double 2px #777777;}
.t_center {text-align:center;}
.scroll	 {overflow-y:scroll;}

.margintop	{margin-top:20px;}




/*login*/	  
#l_pannel {width:480px;
		   height:380px;
		   margin:0 auto;
		   margin-top: 60px; 
		   background-color:white;}	  
.l_c {width:440px;
	   height:50px;
	   margin:0 auto;
	   margin-top:20px;}
.l_c_1 {width:120px;
			height:40;}
.l_c2 {width:360px;
	   height:50px;
	   margin:0 auto;
	   margin-top:20px;
	   margin-right:20px;}
.l_c3 {width:240px;
	   height:50px;
	   margin:0 auto;
	   margin-top:20px;
	   margin-right:20px;}
.l_btn {width:80px; 
 		    height:30px;}
.l_btn2 {width:100px;
			 height:45px;}			   	   

.l_box {width:240px;
             height:30px; } 			    

/*memberJoin*/
 
#m_pannel1 {background-color:white;
		        	 width : 500px;
			         height : 540px; 
			         margin : 5px 5px 5px 5px;
			         margin: 0 auto;
			         margin-top : 60px;}
#m_pannel2	{background-color:white;
		        	 width : 480px;
			         height : 500px; 
			         margin: 0 auto;
			         margin-top : 20px;}
			         
#m_textinput	{width : 380px;
			 height :360px;
			margin : 0 auto;}
			
#m_gender{ width: 140px; height:30px;margin-left:138px;}
#m_btn{width : 70px;
			 height : 30px;
			 margin-left : 110px;
			 margin-bottom : 10px;
			 background-color : #CCFFFF;}			 
.boxsize{width : 200px;
				height : 20px;}
.m_c1 {width:240px;
	   height:50px;
	   margin:0 auto;
	   margin-top:20px;}				

/*main*/

#m_p1 {width:760px; 
				   height:1000px;
				   margin:0 auto;}
#m_p2 {width:740px;
				   height:960px;
				   margin:0 auto;
				   margin-top:20px;
				   background-color:#FFFFF6;}
#m_c1 {width: 740px;
			  height: 100px;}			  
#m_c2 {width: 250px;
			  height: 80px;
			  margin:0 auto;
			  margin-left: 80px;}			  
#m_c2_1 {width: 160px;
			     height: 40px;
			     margin-top: 55px;}			     
#m_c2_2 {width: 160px;
			     height: 40px;
			     margin-left: 80px;
			     margin-top: 55px;}			     
#m_c3 {width: 740px;
              height: 307px;}
#m_c4 {width: 740px;
              height: 553px;}

/*main bar*/

		.menu { 
			height: 45px;
			display: block;
		}

		.menu ul {
			list-style: none;
			padding: 0;
			margin: 0;
		}

		.menu ul li {
			/* width and height of the menu items */  
			float: left;
			overflow: hidden;
			position: relative;
			text-align: center;
			line-height: 45px;
		}

		.menu ul li a {
			/* must be postioned relative  */ 
			position: relative;
			display: block;
			width: 110px;
			height: 45px;
			font-family: Arial;
			font-size: 12px;
			font-weight: bold;
			letter-spacing: 1px;
			text-transform: uppercase;
			text-decoration: none;
			cursor: pointer;
		}

		.menu ul li a span {
			/* all layers will be absolute positioned */
			position: absolute;
			left: 0;
			width: 110px;
		}

		.menu ul li a span.out {
			top: 0px;
		}

		.menu ul li a span.over,
		.menu ul li a span.bg {
			/* hide */  
			top: -45px;
		}

		/** 2nd example **/

		#menu2 {
			background: #000;
			width:735px;		
		}/*content 검은색 부분*/
		
		#menu2 ul li a {
			color: #FFF;
		}

		#menu2 ul li a span.over {
			background: #FFF;
			color: #000;
		}
		
		
.accordionWrapper{display:inline-block; background-color:#fff; overflow:hidden;}
.accordionWrapper img{vertical-align:top; border:0; margin:0; padding:0}
.accordionWrapper div{display:inline; float:left; margin:auto;}
.accordionWrapper div.title{cursor:pointer;}
.accordionWrapper div.content{display:none;}

.set{border-bottom:1px solid #000}
.set1{background-color:#C77B3F;}
.set2{background-color:#FFC732;}
.set3{background-color:#007C90;}
.set4{background-color:#AD6F08;}
.set5{background-color:#387855;}
.set6{background-color:#8C4B2D;}
.set7{background-color:#82A668;}

.mbar_title {width : 30px; 
					 height:260px;}
.mbar_img {width: 525px;
						height:260px;}

/*myMovieStory*/

.c_black{ color:black;
   				 font:bold 20px tahoma;}
    
#ms_pannel1 {background-color:white;
		        	 width : 720px;
			         height : 540px; 
			         margin : 5px 5px 5px 5px;
			         margin: 0 auto;
			         margin-top : 60px;}

#ms_pannel2	{background-color:white;
		        	 width : 719px;
			         height : 427px; 
			         margin: 0 auto;
			         }

#ms_pannel3{width : 719px;
					height : 60px;}

.ms_c1 {	width:620px;
	  		 height:35px;
	  		 margin:0 auto;
	  		 }

.scroll	{overflow-y:scroll;}


#ms_title {font-size:20pt;
		font-weight:bold;
		margin : 10px 10px 10px 10px;
		width : 600px;
		height :25px; }


#ms_c2 {width:620px;
	  		 height:100px;
	  		 margin:0 auto;
	  		 margin-top:20px;}

#ms_c3 {width : 150px;
			height : 98px;}

#ms_c4  {width : 400px;
			height : 98px;}


#ms_c5{width : 350px;
			height : 35px;
			}

#ms_c6{width : 200px;
			height : 35px;
			text-align : right;}

.height20 {height:20px;}

.title3{font-color : black;
			font-size : 15pt;
			font-weight : bold;}
			
			
.mm ul {list-style:none;} 

.mm ul li {float:left;}

.mm ul li a {  
    float:left;  
    width:15px;
    color:black;
    font:bold 20px tahoma;  
    border:1px solid white;  
    text-align:center;  
    text-decoration:none;  
    margin : 0px 10px 0px 10px;
	}

.mm ul li a:hover, mm ul li a:focus {
    color:white;  
    border:1px solid black;  
    background-color:black;  
	}
		   
/*review*/
#r_p1	 {width: 730px;
				   height: 540px;
				   margin : 0 auto;
				   background-color:white;}			
#r_p2	{width: 710px;
				height: 520px;
				margin : 0 auto;
				margin-top:20px;}
#r_c1	{width: 690px;
				height: 420px;}				
#r_c2	{width: 690px;
				height: 250px;}
				
#r_c1_1	{width:230px;
					height: 420px;}			

#c_poster {width:190px;
					height:270px;
					margin: 0 auto;}
						
#r_c1_2   {width:450px;
					height: 420px;}				
#r_c1_2_a	{width:460px;
						height:290px;}		
#r_c1_2_b	{width:450px;
						height:120px;}
						
#r_c2_1	{width: 230px;
					height: 250px;}
									
#r_c2_2   {width:450px;
					height: 250px;}						
#r_c2_2_a	{width:450px;
						height:125px;}		
#r_c2_2_b	{width:450px;
						height:125px;}
				
#c_ost	{width:190px;
				height:200px;
				margin: 0 auto;}
				
/*home*/
#Home{background: #efd402; /* Old browsers */
background: -moz-linear-gradient(top,  #efd402 0%, #ffe314 27%, #ffe53f 50%, #ffe23f 74%, #fff7c6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efd402), color-stop(27%,#ffe314), color-stop(50%,#ffe53f), color-stop(74%,#ffe23f), color-stop(100%,#fff7c6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #efd402 0%,#ffe314 27%,#ffe53f 50%,#ffe23f 74%,#fff7c6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #efd402 0%,#ffe314 27%,#ffe53f 50%,#ffe23f 74%,#fff7c6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #efd402 0%,#ffe314 27%,#ffe53f 50%,#ffe23f 74%,#fff7c6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #efd402 0%,#ffe314 27%,#ffe53f 50%,#ffe23f 74%,#fff7c6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efd402', endColorstr='#fff7c6',GradientType=0 ); /* IE6-9 */


	  border-color:white;
	  border-style:solid;
	  border-width:1px;
	  width:735px;
	  height:300px;
	  }

#UserInfo{
		  width:696px;
		  height:230px;
		  margin: 0 auto;
		  margin-top: 30px;}	  
		  
#Photo{
	   
	   width:172px;
	   height:230px;}
	   
#ReviewC{
	   
	   width:172px;
	   height:230px;}
	   
#RecentM{
	   
	   width:172px;
	   height:230px;}
	   
#RecentR{
	   
	   width:172px;
	   height:230px;}
	   
#Minibox{background-color:white;
		 
		 width:130px;
		 height:130px;
		 margin:0 auto;
		 margin-top:50px;}	  
		 
#Nanobox{background-color:white;
		 
		 width:60px;
		 height:60px;
		 margin:0 auto;
		 margin-top:10px;}				

/*movieSearch*/
#mo_pannel1 {background-color:white;
		        	 width : 720px;
			         height : 610px;
			         margin : 5px 5px 5px 5px;
			         margin: 0 auto;
			         margin-top : 60px;}
	

	
#mo_pannel2	{background-color:white;
		        	 width : 719px;
			         height : 495px; 
			         margin: 0 auto;
			         }

#mo_pannel3{width : 719px;
					height : 60px;}	
	
.mo_c1 {	width:320px;
	  			 height:35px;
	  			 margin:10px auto;
	  			 }
	  			 
.mo_c2{width : 719px;
				height : 70px;}
.mo_c3{width : 719px;
				height : 45px;}
.mo_c4{width : 717px;
				height : 360px;}
				
				
				
.mo_s{width : 375px;
			height : 45px;
			margin : 10px auto;
			}




















		 
